<template>
  <el-dialog class="dialog" v-model="dialogVisible" title="系统介绍" top="10vh" width="90%" @close="close">
    <template #header="{ close, titleId, titleClass }">
      <div class="btns">
        <div class="btn active">系统介绍</div>
      </div>
    </template>
    <div class="content">
      系统介绍系统介绍系统介绍系统介绍系统介绍系统介绍
    </div>
  </el-dialog>
</template>

<script setup>

const dialogVisible = ref(false)



const open = () => {
  dialogVisible.value = true
}
const close = () => {
  dialogVisible.value = false
}
defineExpose({ open, close })

</script>

<style scoped lang="scss">
.content {
  height: 250px;
  color: #fff;
}
</style>